@font-face {
    font-family: "julib";
    src: url("../fonts/Montserrat-Bold.eot"); /* IE9 */
    src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat-Bold.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Montserrat-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../fonts/Montserrat-Bold.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: "julil";
    src: url("../fonts/Montserrat Light.eot"); /* IE9 */
    src: url("../fonts/Montserrat Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat Light.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Montserrat Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../fonts/Montserrat Light.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: "juli";
    src: url("../fonts/Montserrat.eot"); /* IE9 */
    src: url("../fonts/Montserrat.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Montserrat.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../fonts/Montserrat.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}
html,body{height: 100%}
body{
    background: url("../img/bg@2x.png") no-repeat;
    background-position: center bottom;
    background-size:cover;
    padding-top: 1.4rem;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
}
h1{
    color: white;
    font-size: 0.47rem;
    text-align: center;
    font-family: julib;
}
p{
    color: white;
    font-size: 0.28rem;
    text-align: center;
    height: 1rem;
    font-family: julil;
}
#form{
    padding: 0 .52rem;
}
#form>input{
    font-family: juli;
    background: transparent;
    height: .7rem;
    border-bottom: 2px solid white;
    border-radius: 0;
    width: 100%;
    color: white;
    text-align: center;
    font-size: .26rem;
}
#form>input::-webkit-input-placeholder{
    color: white;
}
.parent{
    padding: 0 .52rem .9rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.btnbox{
    width: 100%;
}
.btnbox>a>button{
    font-family: julib;
    width: 100%;
    height: 0.88rem;
    border-radius: 1rem;
    font-size: .24rem;
    background-color: #ffffff;
    color: #201b26;
    box-shadow: 0 8px 22px rgba(0,0,0,0.4);
}
.btnbox>a>button:active{
    background-color: #d2d2d2;
}
.btnbox>a>button>i{
    font-size: .32rem;
    vertical-align: -.03rem;
    margin-left: .2rem;
}
.btnbox2{
    width: 100%;
    height: 0.88rem;
    border-radius: 1rem;
    font-size: .24rem;
    color: white;
    box-shadow: 0 8px 22px rgba(0,0,0,0.4);
    margin-top: .32rem;
}
.btnbox2>button{
    font-family: julib;
    width: 50%;
}
.btnbox2>button:first-child{
    background-color: #3c4db3;
}
.btnbox2>button:last-child{
    background-color: #e2402b;
}
.btnbox2>button:first-child:active{
    background-color: #31418e;
}
.btnbox2>button:last-child:active{
    background-color: #c33726;
}
.parent>p{
    text-align: center;
    font-family: juli;
    font-size: .26rem;
    color: white;
    margin-top: .46rem;
}
